<template>
<div class="app">
  <Home></Home>
  <h2>App:{{message}}</h2>
  <button @="{click:()=>message='hello world'}">修改message</button>
</div>
</template>

<script>
import {computed} from "vue";
import Home from './Home.vue'
export default {
  name: "App",
  components:{
    Home
  },
  data(){
    return{
      message:'my app'
    }
  },
  provide:{
    name:'why',
    age:19,
    messge:'这是一条信息'
  }
  // provide(){
  //   return {
  //     name:'why',
  //     age:18,
  //     message:computed(()=>this.message)
  //   }
  // }
}
</script>

<style scoped>

</style>